<script setup lang="ts">
import AsideCard from '../../../../components/aside-card/index.vue';
const listArr1 = ['神经内科', '消化内科', '呼吸内科', '内科', '神经外科', '妇科', ' 产科', '儿科'];
</script>
<template>
  <div class="hospital-right">
    <AsideCard title="常见科室" :isIconShow="false">
      <template #content>
        <div class="list">
          <span class="item" v-for="(item, index) in listArr1" :key="index">{{ item }}</span>
        </div>
      </template>
    </AsideCard>
    <AsideCard title="平台公告" :isIconShow="true" icon="icon1" pointColor="#7eabff">
      <template #titleIcon>
        <svg
          t="1688362501350"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1359"
          width="35"
          height="35"
        >
          <path
            d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z"
            fill="#7eabff"
            opacity=".1"
            p-id="1360"
          ></path>
          <path
            d="M552.813714 741.961143a91.867429 91.867429 0 0 1-15.506285-2.048l-3.364572-1.316572-117.906286-71.387428a223.934171 223.934171 0 0 0-34.523428-5.558857h-2.194286l-85.723428-10.24a48.449829 48.449829 0 0 1-46.811429-48.859429V444.123429a49.210514 49.210514 0 0 1 46.811429-48.713143l96.694857-13.750857a109.933714 109.933714 0 0 0 33.353143-5.558858l110.299428-80.457142 2.048-1.170286a46.065371 46.065371 0 0 1 43.446857 5.558857 50.293029 50.293029 0 0 1 20.041143 39.789714v352.256a50.234514 50.234514 0 0 1-20.041143 39.643429 36.571429 36.571429 0 0 1-26.624 10.24z m-9.801143-44.617143a13.034057 13.034057 0 0 0 10.678858-2.194286 13.882514 13.882514 0 0 0 5.266285-10.825143V350.061714a17.685943 17.685943 0 0 0-5.266285-11.849143 13.487543 13.487543 0 0 0-10.678858-2.194285l-103.424 76.507428-2.194285 0.877715a120.671086 120.671086 0 0 1-43.446857 7.460571l-91.867429 13.019429a14.292114 14.292114 0 0 0-13.750857 14.043428v149.357714a14.292114 14.292114 0 0 0 13.750857 14.043429h2.194286l81.188571 9.508571a182.154971 182.154971 0 0 1 41.252572 7.460572l2.048 1.024z m135.606858-10.971429a22.293943 22.293943 0 0 1-16.530286-8.338285 18.6368 18.6368 0 0 1 6.436571-25.161143c39.789714-22.674286 66.56-78.848 66.56-139.702857 0-65.536-30.72-124.342857-74.166857-143.213715a16.091429 16.091429 0 0 1-8.777143-23.990857 18.812343 18.812343 0 0 1 25.6-8.338285c57.782857 25.161143 95.817143 95.670857 95.817143 175.542857 0 73.874286-33.206857 141.019429-84.553143 169.545143a13.385143 13.385143 0 0 1-10.386285 3.657142z"
            fill="#7eabff"
            p-id="1361"
          ></path>
        </svg>
      </template>
    </AsideCard>
    <AsideCard title="停诊公告" :isIconShow="true" pointColor="#ffaa51">
      <template #titleIcon>
        <svg
          t="1688362643668"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1903"
          width="36"
          height="36"
        >
          <path
            d="M512 512m-451.101322 0a451.101322 451.101322 0 1 0 902.202644 0 451.101322 451.101322 0 1 0-902.202644 0Z"
            fill="#fff1f1"
            p-id="1904"
          ></path>
          <path
            d="M710.484581 410.502203h-65.409691l-92.475771-85.709251c2.255507-4.511013 2.255507-11.277533 2.255507-15.788547 0-24.810573-18.044053-45.110132-42.854626-45.110132s-42.854626 20.299559-42.854626 45.110132c0 6.76652 0 11.277533 2.255507 15.788547l-92.475771 85.709251h-65.409691c-15.788546 0-29.321586 13.53304-29.321586 29.321586V708.229075c0 15.788546 13.53304 29.321586 29.321586 29.321586h394.713656c15.788546 0 29.321586-13.53304 29.321586-29.321586v-266.14978c0-18.044053-13.53304-31.577093-27.06608-31.577092z m-218.78414-63.154185c6.76652 4.511013 13.53304 4.511013 20.299559 4.511013 6.76652 0 13.53304-2.255507 20.299559-4.511013l69.920705 65.409691h-180.440528l69.920705-65.409691z m-135.330397 153.374449h126.30837c6.76652 0 13.53304 6.76652 13.53304 15.788546s-6.76652 15.788546-13.53304 15.788546h-126.30837c-6.76652 0-13.53304-6.76652-13.53304-15.788546s6.76652-15.788546 13.53304-15.788546z m212.017621 146.607929h-212.017621c-6.76652 0-13.53304-6.76652-13.53304-15.788546s6.76652-15.788546 13.53304-15.788546h212.017621c6.76652 0 13.53304 6.76652 13.53304 15.788546s-4.511013 15.788546-13.53304 15.788546z m85.709251-72.176211c0 9.022026-6.76652 15.788546-13.533039 15.788546h-281.938326c-6.76652 0-13.53304-6.76652-13.53304-15.788546 0-9.022026 6.76652-15.788546 13.53304-15.788546h281.938326c6.76652 0 13.53304 6.76652 13.533039 15.788546z"
            fill="#ffaa51"
            p-id="1905"
          ></path>
        </svg>
      </template>
    </AsideCard>
  </div>
</template>
<style scoped lang="scss">
.hospital-right {
  .list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    line-height: 31px;
    align-items: center;
    justify-content: space-evenly;

    .item {
      width: 40%;
      text-align: left;
      color: #333;
      cursor: pointer;

      &:hover {
        color: var(--text-hover-color);
      }
    }
  }
}
</style>
